<template>
	<div class="play_reg">
		<!-- 定时播放 -->
		 <div class='free_nav'>
			<router-link to="/layout/found"><img src="../../../assets/icon-close45.png"></router-link>		
			<span>定时播放</span>
		</div>
<!-- ..................................................................... -->
		 <div class="play_ds">
            <div class="play_timing">
            	<p>定时功能尚未开启</p>
            </div>

            <div class="play_close">
            	<span>关闭</span>
            	<img src="../../../assets/kaiqi.png">
            </div>
            <div class="play_close">
            	<span>10分钟</span>
            </div>
             <div class="play_close">
            	<span>20分钟</span>
            </div>
             <div class="play_close">
            	<span>30分钟</span>
            </div>
             <div class="play_close">
            	<span>1小时</span>
            </div>
             <div class="play_close">
            	<span>自定义</span>
            </div>
            <div class="play_close">
            	<span>播完整首歌再停止</span>
            	<img src="../../../assets/weikaiqi.png">
            </div>
		 </div>
	</div>
</template>
<script>
	export default {
		name:'playRegularly',
		data(){
			return{
				
			}
		}
	}
</script>
<style scoped lang="Less">
.play_reg{
	width: 100%;
	overflow: hidden;
}
.free_nav{
	width: 100%;
	height: 88 / 100rem;
	position: fixed;
	top: 0;
	left: 0;
	background: url('../../../assets/daohang.png');
	background-size: 100%;
}

.free_nav img{
	width: 40 / 100rem;
	height: 40 / 100rem;
	display: inline-block;
    margin-left: 20 / 100rem;
    margin-top:  26 / 100rem;

}
.free_nav span{
	display: inline-block;
	margin-left: 238 / 100rem;
	font-size: 36 / 100rem;
	color: #ffffff;
}
/*.........................................................................*/
.play_ds{
	width: 100%;
	margin-top: 88/100rem;
}
.play_timing{
	width: 100%;
	height: 94 / 100rem;
	/*background-color: red;*/
	line-height: 94 / 100rem;
	border-bottom: 1px solid #414141;
}
.play_timing p{
	margin-left: 20 / 100rem;
	font-size: 30 / 100rem;
    color: #343434;
}
.play_close{
	width: 100%;
	height: 70 / 100rem;
	border-bottom: 1px solid #cfcfcf;
	line-height: 70 / 100rem;
	/*overflow: hidden;*/
}
.play_close span{
	display: inline-block;
	margin-left: 20 / 100rem;
	font-size: 24 / 100rem;
	color: #343434;
	margin-left: 20 / 100rem;
}
.play_close img{
	display: inline-block;
	float: right;
	width: 66 / 100rem;
	height: 30 / 100rem;
	margin-right: 20 / 100rem;
	margin-top: 20 / 100rem;

}
</style>